@import './normalize.scss';
html,body{
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.section{
  padding: 0;
  header{
    padding: 40px 30px;
    display: flex;
    align-items: center;
    .title{
      color: #fff;
      margin-bottom: 0;
      min-width: 260px;
    }
    .links{
      padding-left: 30px;
      display: flex;
      align-items: center;
    }
  }
  .container{
    padding: 0 30px;
    width: 100%;
    margin: 0 auto;
    padding-top: 1px;
    .links{
      display: none;
      flex-wrap: wrap;
      justify-content: space-around;
    }
  }
  
}
.links{
  .column{
    flex-grow: 0;
  }
  >div{
    min-width: 120px;
  }
}

#back{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-image: url('../images/bg.jpg');
  background-repeat: no-repeat;
  background-position: center;
  @extend .blur;
}


@media screen and (max-width:640px){
  .section{

    header{
      .links{
        display: none;
      }
  
    }
    .container{
      .links{
        display: flex;
      }
    }
  }
}